<template>
	<view>
		<view class="front" @click="imgChose">
			
		</view>
		<view class="verso" @click="imgChose">
			
		</view>
		<view class="tips">
			<text>Tips:拍照必须画面清晰，五官可辨</text>
		</view>
		<view class="Y_btn" @click="inforImage">
			完成绑定
		</view>
		<view class="last">
			<image src="../../static/IDcard/anquan.png" mode=""></image>
			<text>信息已加密，保障您的财产安全</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			imgChose(){
                 uni.chooseImage({
                     // count:  允许上传的照片数量
                     count:5,
                     // sizeType:  original 原图，compressed 压缩图，默认二者都有
                     sizeType: "original",
                     success(res){
                         console.log(res)
                         uni.previewImage({
                             // 对选中的图片进行预览
                            urls: res.tempFilePaths,
                           // urls:['','']  图片的地址 是数组形式
                         })
                     } 
               });
             },
			inforImage(){
				
			}
		}
	}
</script>

<style lang="scss">
.front{
	width: 90%;
	height: 465rpx;
	margin:  0 auto;
	background-image: url(../../static/IDcard/front.png);
	background-repeat: no-repeat;
	background-position: 140rpx 94rpx;
	margin-top: 100rpx;
	margin-bottom: 30rpx;
	border-radius: 12rpx;
	background-color: #f4f8ff;
}
.verso{
	width: 90%;
	height: 465rpx;
	margin:  0 auto;
	background-image: url(../../static/IDcard/verso.png);
	background-repeat: no-repeat;
	background-position: 140rpx 94rpx;
	margin-bottom: 70rpx;
	border-radius: 12rpx;
	background-color: #f4f8ff;
}
.tips{
	font-size: 28rpx;
	color: #868686;
	margin: 0 auto;
	width: 60%;
}
.Y_btn{
	width: 90%;
	font-size: 28rpx;
	color: white;
	height: 88rpx;
	line-height: 88rpx;
	text-align: center;
	border-radius: 8rpx;
	background-color: #3476f1;
	margin: 0 auto;
	margin-top: 70rpx;
	margin-bottom: 224rpx;
}
.last{
	image{
		width: 22rpx;
		height: 26rpx;
		vertical-align: middle;
	}
	font-size: 24rpx;
	color: #868686;
	margin: 0 auto;
	width: 50%;
	margin-bottom: 60rpx;
}
</style>
